﻿<style type="text/css">

.button-td, .button-a {
	transition: all 100ms ease-in;
}
.button-td:hover, .button-a:hover {
	background: #555555 !important;
	border-color: #555555 !important;
}
*{
	font-family: 'IsidoraSansAlt-Light';
}
.btn-flotante {
    font-size: 23px;
	padding: 8% 13%; 
    text-decoration: none;
    color: #ffffff; 
    letter-spacing: 1px;
    background-color: #001930; 
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
    	float: right;

}
.btn-flotante:hover {
	background-color: #2c2fa5; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}

.btn-flotante2{
	padding: 8% 13% !important;
}

.divBtns{
	bottom: 6%;
	right: 5%;
	position:fixed;
	display: inline-block;
	white-space: nowrap;
}
.selectorIdioma{
	width: 33.3% !important;
	display: inline-block;
}
img.imagenIdiomas{
	width: 35% !important;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.divSelector{
	top: 2%;
	position: absolute;
}
.divSelector1{
	top: 2%;
	position: absolute;
}


img{
	width: 100%;
	height: auto;
}

@media (landscape){
 	.btn-flotante {
		font-size: 15px;
		padding: 4% 7%;
		bottom: 2.2%;
		right: 20px;
	} 
}	

</style>